
<template>
  <div class="layout">
    <div class="active_title u-flex u-row-between">
      <div>
        <text class="hot_tag u-m-l-20 u-m-r-20">官</text>
        <text class="hot_tit">热门活动</text>
        <text class="u-m-l-20 u-m-r-20">|</text>
        <text class="hot_des">超值优惠 惊喜不断</text>
      </div>
      <div class="hot_rt">
        更多
        <u-icon name="arrow-right" color="#CB5833"></u-icon>
      </div>
    </div>
    <goods-card :goods-list="res.list"></goods-card>
  </div>
</template>
<script>
import { modelNavigateTo } from "./tpl";
export default {
  title: "热门活动",
  props: ["res"],
  data() {
    return {
      modelNavigateTo,
    };
  },
  mounted() {},
};
</script>
<style lang="scss" scoped>
@import "./tpl.scss";
.layout {
  .active_title {
    height: 80rpx;
    background: #fef0e1;
    width: 100%;
    border-radius: 8rpx 8rpx 0 0;
    color: #fa6c3e;
    .hot_tag {
      background: #fa6c3e;
      display: inline-block;
      width: 36rpx;
      height: 36rpx;
      font-size: 30rpx;
      color: #fff;
      text-align: center;
      line-height: 36rpx;
    }
    .hot_tit {
      height: 44rpx;
      font-size: 32rpx;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      line-height: 44rpx;
    }
    .hot_des {
      font-size: 22rpx;
      font-weight: 400;
      font-family: PingFangSC-Regular, PingFang SC;
    }
    .hot_rt {
      font-size: 22rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #cb5833;
    }
  }
}
</style>